@charset "utf-8";

/*整站通用样式********************************************************************/
*{ margin: 0px; padding: 0px; }
body{ color: #333; font: 12px Arial,"宋体"; background: url(bg.jpg) no-repeat fixed center top; width: 970px; margin-right: auto; margin-left: auto; margin-bottom: 50px; }
p{ margin-top: 10px; margin-bottom: 10px; line-height: 22px; }
a{ color: #333; text-decoration: none; }
a:hover{ color: #333; text-decoration: underline; }

/*TOP*/
#heard{ line-height: 20px; color: #FFF; background: #083275; height: 20px; width: 970px; margin-top: 1px; }
#heard .keywords{ float: left; width: 800px; }
#heard h1{ font-size: 12px; text-indent: 15px; }
#heard a{ color: #FFF; }
#heard a:hover{ color: #FFF; text-decoration: underline; }
#heard .toplink{ float: right; width: 170px; }

/*BANNER*/
#banner{ height: 119px; width: 970px; background: #F4DB00; }
#banner img{ border-style: none; vertical-align: middle; }
#banner .logo{ margin-right: 22px; margin-left: 21px; }

/*MENU*/
#menu{ line-height: 42px; font-weight: bold; background: #6F8993; height: 42px; width: 970px; }
#menu ul{ list-style: none; margin-left: 10px; }
#menu li{ line-height: 28px; text-align: center; margin: 6px 3px; height: 28px; width: 110px; background: #083275; float: left; border: 1px solid #333; }
#menu li a{ color: #FFF; font-size: 14px; }

/*BOTTOM*/
#bottom{ background: #083275; width: 970px; line-height: 22px; color: #FFF; text-align: center; padding-top: 10px; padding-bottom: 10px; }
#bottom a{ color: #FFF; }

/*LOCATION*/
.location{ background: #DDDDDD; border: 1px solid #8F8F8F; font-size: 12px; line-height: 20px; font-weight: bold; color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 12px; }

/*整体结构***********************************************************************/
#structure{ background: #C8D0D3 url(structure_bg.gif) repeat-y; width: 970px; padding-bottom: 10px; overflow: hidden; }
#structure .left{ float: left; width: 184px; }
#structure .content{ float: left; width: 574px; padding-right: 5px; padding-left: 5px; padding-top: 3px; margin-right: 1px; margin-left: 1px; }
#structure .right{ float: right; width: 200px; }

/*LEFT*/
.search{ background: #035393; height: 23px; width: 178px; padding: 6px 0px 6px 6px; }
.search .input_1{ width: 120px; border: 1px solid #797979; color: #797979; line-height: 21px; height: 21px; padding-left: 2px; }
.search .input_2{ font-size: 0px; background: url(search.gif) no-repeat center top; height: 23px; width: 42px; cursor: hand; border-style: none; margin-left: 5px; }
#structure .left h2{ color: #3F3F3F; font-size: 14px; font-weight: bold; }
#structure .left dl{ width: 184px; list-style: none; }
#structure .left dt{ line-height: 23px; text-indent: 15px; background: url(category_bg.jpg) repeat-x; }
#structure .left dd{ width: 184px; border-bottom: 1px solid #C2C2C2; }
#structure .left dd a{ color: #393939; background: #eaeaea; line-height: 16px; display: block; width: 164px; padding: 4px 5px 4px 15px; }
#structure .left dd a:hover{ color: #000; background: #FFF; line-height: 16px; display: block; width: 164px; padding: 4px 5px 4px 15px; text-decoration: none; }
#structure .left .column{ width: 184px; padding-top: 1px; background: #eaeaea; }
#structure .left .column .tit{ background: #CCC; border-bottom: 1px solid #333; font-size: 14px; line-height: 23px; font-weight: bold; color: #3F3F3F; text-indent: 15px; border-top: 1px solid #333; }
#structure .left .column .text{ width: 180px; padding: 2px; color: #333; line-height: 20px; background: #eaeaea; }
#structure .left .column .text ul{ text-align: center; list-style: none; }

/*RIGHT*/
#structure .right h3{ color: #3F3F3F; font-size: 14px; font-weight: bold; }
#structure .right dl{ width: 200px; list-style: none; }
#structure .right dt{ line-height: 23px; text-indent: 15px; background: url(category_bg.jpg) repeat-x; }
#structure .right dd{ width: 200px; border-bottom: 1px solid #C2C2C2; }
#structure .right dd a{ color: #393939; background: #eaeaea; line-height: 16px; display: block; width: 180px; padding: 4px 5px 4px 15px; }
#structure .right dd a:hover{ color: #000; background: #FFF; line-height: 16px; display: block; width: 180px; padding: 4px 5px 4px 15px; text-decoration: none; }

/*首页*/
.index{ width: 100%; }
.box{ width: 100%; margin-bottom: 10px; overflow: hidden; }

.focusimage{ float:left; width:310px; position: relative; overflow: hidden; }
.focusimage .focusbox { width:310px; height:330px; background:#292929; }
.focusimage .focusbox img { display:block; width:310px; height:265px; }
.focusimage .focusbox .title { height:35px; line-height:35px; font-size:16px; font-weight:normal; font-family:"微软雅黑"; }
.focusimage .focusbox span { display:block; height:30px; line-height:30px; text-align: center; font-size: 12px; }
.focusimage .focusbox a {color:#fff;}
.focusimage .focusbtn { position:absolute; width:63px; height:265px; right: 0px; top: 2px; }
.focusimage .focusbtn li {display:block;float:left;width:63px;height:50px;margin-bottom:3px;cursor:pointer;}
.focusimage .focusbtn li img {display:block;border:1px solid #000;margin-left:4px;}
.focusimage .focusbtn li.current { background:url(focuson.gif) no-repeat; }
.focusimage .focusbtn li.current img {width:51px;height:46px;margin:2px 0 0 6px;border:none;}

.index_about{ float: right; width: 240px; padding-right: 5px; padding-left: 10px; }
.index_about h3{ font-size: 16px; font-weight: bold; text-align: center; color: #000; margin-top: 4px; }
.index_about p{ text-indent: 2em; margin-top: 5px; margin-bottom: 5px; line-height: 21px; color: #000; }
.index_about a{ color: #de432e; }

.index_news1{ background: url(index_news_bg.gif); height: 219px; width: 278px; float: left; margin-right: 9px; }
.index_news2{ background: url(index_news_bg.gif); height: 219px; width: 278px; float: right; }
.index_news1 h3,.index_news2 h3{ font-size: 14px; line-height: 20px; font-weight: bold; color: #3B3B3B; text-indent: 12px; margin-top: 6px; margin-bottom: 4px; }
.index_news1 ul,.index_news2 ul{ list-style: none; }
.index_news1 li,.index_news2 li{ line-height: 23px; text-indent: 8px; background: url(list_bg.gif) no-repeat left center; margin-left: 12px; }

.index_pro{ background: #666666; padding-top: 8px; margin-bottom: 6px; }
.index_pro ul{ list-style: none; }
.index_pro ul li{ background: #121212; float: left; height: 340px; width: 250px; margin-left: 8px; padding-top: 10px; padding-right: 10px; padding-left: 10px; margin-bottom: 8px; overflow: hidden; }
.index_pro img{ border-style: none; }
.index_pro .tit{ font-size: 14px; font-weight: bold; color: #FFF; text-align: center; margin-top: 10px; margin-bottom: 10px; display: block; }
.index_pro span{ color: #CCC; line-height: 22px; }

/*关于我们*/
.about{ width: 565px; }
.about .text{ padding: 12px; }
.about .text p{ font-size: 14px; line-height: 28px; word-break:break-all; }

/*新闻列表*/
.news_list{ width: 100%; }
.news_list ul{ list-style: none; margin-top: 10px; padding-right: 12px; padding-left: 12px; }
.news_list ul li{ line-height: 30px; border-bottom: 1px dashed #e1e1e1; height: 30px; background: url(../images/news_list.jpg) no-repeat left center; text-indent: 14px; }
.news_list ul li a{ float: left; font-size: 14px; }
.news_list ul li span{ float: right; font-size: 11px; color: #C1C1C1; }

/*新闻内容*/
.news_msg{ width: 100%; }
.news_msg h1{ font-weight: bold; text-align: center; font-size: 14px; margin-top: 25px; }
.news_msg .date{ color: #C5C5C5; text-align: center; margin-bottom:10px; margin-top: 10px; }
.news_msg .text{ text-align:justify; text-justify:inter-ideograph; padding: 12px; font-size: 14px; }
.news_msg .text p{ text-indent: 2em; }

/*产品封面分类列表*/
.product_category{ width: 100%; }
.product_category h2{ font-size: 12px; font-weight: bold; }
.product_category h3{ font-size: 12px; font-weight: normal; }
.product_category h2 a{ color: #900; }
.product_category h2 a:hover{ color: #F00; }
.product_category dl{ list-style: none; overflow: hidden; }
.product_category dl dt{ width: 136px; text-align: center; padding-top: 15px; overflow: hidden; clear: both; }
.product_category dl dd{ width: 136px; float: left; margin-top: 4px; margin-right: 4px; overflow: hidden; text-align: center; }
.product_category a{ line-height: 22px; background: #EFEFEF; width: 130px; border: 1px solid #CCC; height: 22px; padding-right: 2px; padding-left: 2px; display: block; *white-space:nowrap; }
.product_category a:hover{ line-height: 22px; background: #FFF; width: 130px; border: 1px solid #CCC; height: 22px; padding-right: 2px; padding-left: 2px; display: block; color: #000; text-decoration: none; *white-space:nowrap; }

/*产品列表*/
.product_cate{ width: 100%; margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #333; }
.product_cate h2{ font-size: 12px; font-weight: normal; }
.product_cate ul{ list-style: none; overflow: hidden; }
.product_cate ul li{ width: 136px; float: left; margin-top: 4px; margin-right: 4px; overflow: hidden; text-align: center; }
.product_cate a{ line-height: 22px; background: #EFEFEF; width: 130px; border: 1px solid #CCC; height: 22px; padding-right: 2px; padding-left: 2px; display: block; *white-space:nowrap; color: #999; }
.product_cate a:hover,.product_cate .dangqian{ line-height: 22px; background: #DFEFFF; width: 130px; border: 1px solid #035393; height: 22px; padding-right: 2px; padding-left: 2px; display: block; color: #035393; text-decoration: none; *white-space:nowrap; }

.product_list{ width: 100%; }
.product_list ul{ list-style: none; margin-top: 15px; width: 555px; overflow: hidden; padding-left: 10px; }
.product_list ul li{ float: left; height: 230px; width: 160px; border: 1px solid #E8E8E8; padding: 5px; background: #FAFAFA; margin: 0px 5px 10px; overflow: hidden; }
.product_list .price{ line-height: 25px; font-weight: bold; color: #F30; display: block; }
.product_list .title{ line-height: 17px; color: #06F; margin-top: 5px; display: block; }
.product_list a{ color: #06C; }
.product_list li:hover{ height: 230px; width: 160px; border: 1px solid #CCC; padding: 5px; background: #FFF; display: block; }

/*产品详细内容*/
.msg_product{ width: 100%; }
.msg_product h1{ line-height: 40px; text-align: center; margin-top: 20px; }
.msg_product .pimg{ background: #FF0; width: 565px; border: 3px solid #000; overflow: hidden; margin-top: 20px; text-align: center; }
.msg_product .text{ margin-top: 20px; width: 565px; overflow: hidden; font-size: 14px; }

/*分页样式*/
#page{ text-align: right; width: 100%; line-height: 20px; height: 20px; margin: 20px auto; }
#page a{ color: #999; margin-right: 1px; margin-left: 1px; border: 1px solid #E3E3E3; padding: 2px 5px; }
#page a:hover{ color: #666; border: 1px solid #D7D7D7; text-decoration: none; }
#page .m{ background: #fdfdfd; padding-right: 5px; padding-left: 5px; color: #03C; border: 1px solid #CCC; }

/*留言列表样式*/
.booklist{ width: 565px; font-size: 12px; }
.booklist table{ border-collapse:collapse; font-size: 12px; table-layout:fixed; margin-top: 10px; margin-bottom: 25px; }
.booklist th{ border: 1px solid #C1DAD7; padding: 2px 5px; line-height: 25px; background: #F5FAFA; text-align: center; color: #4f6b72; }
.booklist td{ border: 1px solid #C1DAD7; padding: 2px 5px; line-height: 25px; text-align: center; color: #797268; }
.booklist .admreply{ color: #963; }

.booklist .tab{ width: 100%; }
.booklist .ctt{ width: 100%; }
.booklist .tb_{ height:26px; width: 100%; padding-top: 10px; }
.booklist .tb_ ul{ height:26px; margin-left:0px; padding:0px; text-align: center; list-style: none; }
.booklist .tb_ li{ float:right; width: 80px; cursor:pointer; vertical-align:middle; line-height: 26px; margin-left: 15px; }
.booklist .tb_ .tit{ font-weight: bold; color: #0274bd; }
.booklist .hovertab{ height: 26px; width: 80px; }
.booklist .normaltab{ height: 26px; width: 80px; }
.booklist .dis{ display:block; height: auto; }
.booklist .undis{ display:none; height: 400px; }
.booklist .dis a,.booklist .undis a{ line-height: 22px; margin-right: 10px; margin-left: 10px; }

/* ========在线提交需求========#########*/
.post_set{ height: auto; width: 565px; margin-bottom: 25px; }
.post_set .formbox{ width: 565px; overflow: hidden; padding-top: 0px; padding-bottom: 0px; margin: 20px auto; }
.post_set .formbox table{ border-collapse:collapse; font-size: 12px; table-layout:fixed; }
.post_set .formbox th{ border: 1px solid #C1DAD7; padding: 2px 5px; line-height: 25px; background: #F5FAFA; text-align: center; color: #4f6b72; }
.post_set .formbox td{ border: 1px solid #C1DAD7; padding: 2px 5px; line-height: 25px; color: #797268; }

.post_set .formbox input{ background: #FFF; padding: 2px 5px; border: 1px solid #d9d9d9; font: 12px "微软雅黑", "宋体", Arial; color: #999; }
.post_set .formbox .in1{ width: 430px; }
.post_set .formbox .in2{ width: 440px; height: 100px; }
.post_set .formbox .but{ height: 26px; width: 80px; border-style: none; cursor: hand; font-size: 0px; background: url(button.gif) no-repeat; margin-left: 110px; }
.tips{ text-align: center; margin-top: 150px; line-height: 25px; font-weight: bold; width: 100%; }